<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手机号登录</title>
    <link rel="stylesheet" href="./css/phoneLogin.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script type="module" src="./js/phoneLogin.js"></script>
    <script src="./js/flexible.js"></script>
  </head>
  <body>

    <!-- 头部区域 -->
    <div class="header">
      <div class="wrapper">
        <div class="topStyle">
          <h1>神领快递</h1>
        </div>
      </div>
    </div>
    <!-- 手机登录区域 -->
    <div class="phoneLogin">
      <!-- 登录切换区域 -->
      <div class="change">
        <div class="wrapper">
          <!-- 手机号登录 -->
          <h2 class="phone">
            手机号登录
          </h2>
          <!-- 账号登录切换跳转 -->
          <div class="number">
            <a href="javascript:;">账号登录
              <span></span>
            </a>
          </div>
        </div>
      </div>
      <form action class="formphone">
        <!-- 信息输入区域 -->
        <div class="info">
          <div class="wrapper">
            <input required type="text" placeholder="请输入手机号" class="phone">
            <p class="erroPhone">手机号输入有误！请重新输入！</p>
            <!-- 验证码 -->
            <div class="captcha">
              <input required type="text" placeholder="请输入验证码" class="code">
              <button type="button" class="verify">获取验证码</button>
            </div>
            <p class="erroCode">验证码输入有误！请重新输入</p>
          </div>
        </div>
        <!-- 登录区 -->
        <div class="login1">
          <button type="submit" class="btn">登录</button>
        </div>
      </form>
    </div>

    <!-- 账号登录区域 -->
    <div class="numberLogin">
      <!-- 登录切换区域 -->
      <div class="change">
        <div class="wrapper">
          <!-- 手机号登录 -->
          <h2 class="number">
            账号登录
          </h2>
          <!-- 手机登录切换跳转 -->
          <div class="phone">
            <a href="javascript:;">手机号登录
              <span></span>
            </a>
          </div>
        </div>
      </div>
      <form action class="formnumber">
        <!-- 信息输入区域 -->
        <div class="info">
          <div class="wrapper">
            <input type="text" placeholder="请输入账号" class="account">
            <p class="erroPhone">账号输入有误！请重新输入！</p>
            <!-- 密码-->
            <div class="password">
              <input type="password" placeholder="请输入密码" class="code">
              <i class="dele iconfont icon-cha"></i>
              <span class="yanjing"></span>
              <!-- <span class="iconfont icon-biyan"></span> -->
            </div>
            <p class="erroCode">密码输入有误！请重新输入</p>
          </div>
        </div>
        <!-- 登录区 -->
        <div class="login2">
          <button type="submit" class="btn">登录</button>
        </div>
      </form>
    </div>
    <script>
     
    </script>
  </body>
</html>